<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" th:replace="layouts/master(title = '主页')">
<!-- layout文件路径-->


<th:block th:fragment="css">
    <style>
        .words::before{
            content: "随机查询";
            font-size: 25px;
            width: 130px;
            text-align: center;
            background: white;
            position: absolute;
            top: 20px;
            left: 80px;
        }
    </style>
</th:block>
<!--Page content-->
<!--===================================================-->
<div th:fragment="content">
    <div class="layui-row ">
        <div class="layui-col-sm12 words" style="padding: 40px">
            <div class="layui-row layui-col-space10 layui-form" style="border: #E6E6E6 solid 1px; padding: 20px">
                <div class="layui-col-sm1" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">非遗名称</label>
                        <div class="layui-input-inline">
                            <input type="text" name="name"
                                   class="layui-input" placeholder="非遗名称关键字">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">所在类别</label>
                        <div class="layui-input-inline">
                            <input type="text" name="category"
                                   class="layui-input" placeholder="所在类别关键词">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">所属民族</label>
                        <div class="layui-input-inline">
                            <input type="text" name="nation"
                                   class="layui-input" placeholder="所属民族关键词">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">所属地区</label>
                        <div class="layui-input-inline">
                            <input type="text" name="location"
                                   class="layui-input" placeholder="所属地区关键词">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">当前传承人</label>
                        <div class="layui-input-inline">
                            <input type="text" name="inheritors"
                                   class="layui-input" placeholder="当前传承人关键词">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">非遗级别</label>
                        <div class="layui-input-inline">
                            <input type="text" name="level"
                                   class="layui-input" placeholder="非遗级别">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="layui-inline">
                        <label class="layui-form-label">涉及器具</label>
                        <div class="layui-input-inline">
                            <input type="text" name="appliances"
                                   class="layui-input" placeholder="涉及器具关键词">
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm1" style="text-align: center;padding-top: 40px; padding-bottom: 5px">
                    <button class="layui-btn mgl-20" lay-submit="" lay-filter="search"><i
                            class="layui-icon">&#xe615;</i>查询
                    </button>
                </div>
            </div>
            <table id="myTable" lay-filter="myTable"></table>
        </div>
    </div>
    <!--===================================================-->
    <!--End page content-->

    <th:block th:fragment="scripts">
        <script src="/plugins/ext/soulTable.js"></script>
        <script src="/pagejs/index.js"></script>
        <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        </script>
    </th:block>

</html>